@media screen and (max-width:768px){
html{font-size:100%;/* overflow-y:scroll; */-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;vertical-align:top; }
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
em,i{font-style:normal;}
input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none; font-family:'Microsoft Yahei',Arial;color:#fff;font-size:.22rem;}
a{color:#565656;text-decoration:none;outline:none;}
*{box-sizing:border-box;}
@font-face {
  font-family: 'iconfont';  /* project id 807029 */
  src: url('../fonts/font_icon.eot'),
  url('../fonts/font_icon.woff') format('woff'),
  url('../fonts/font_icon.ttf') format('truetype'),
  url('../fonts/font_icon.svg') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon_home::before{ content: "\e6ee"; }
.icon_nav1::before{ content: "\e604"; }
.icon_nav2::before{ content: "\e7c3"; }
.icon_nav3::before{ content: "\e641"; }
.icon_nav4::before{ content: "\e61c"; }
.icon_nav5::before{ content: "\e642"; }
.icon_nav6::before{ content: "\e704"; }
.icon_nav7::before{ content: "\e60a"; }
/*公用*/
body { font-family:'Microsoft Yahei',Arial;color:#565656;font-size:13px;background:#fff;line-height:1.5;}
img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic;}
.clearfix:after {clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden; }
.clearfix {zoom:1}
.fl {float:left;}
.fr {float:right;}
.hide{overflow:hidden;}
.mb20{margin-bottom:.2rem;}
.eps {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.wrapper{width:100%;max-width:768px;min-width:320px;margin:0 auto;position:relative;overflow:hidden;padding:1.2rem 0 0 0;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
  .m_show {
    display: block !important;
  }
  .pc_show {
    display: none !important;
  }
  .gr_kefu {
    display: none;
  }
  .w1340 {
    width: 100%;
  }
  /* 头部 */
  .header {
    height: 1.20rem;
    line-height: 1.20rem;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 0 5px #ddd;
    padding: 0;
  }
  .logo{text-align:center;height:1.2rem;line-height:1.1rem; float: none;padding:0 .2rem;}
  .logo img{vertical-align:middle;max-height:.45rem;}
  .header .navMenu_icon,.header .tel_icon{position:absolute;left:.2rem;top:0; height: 1.2rem;color:#de2522;line-height:1.2rem;font-family:"iconfont";font-size:.66rem;}
  .logo {
    padding-right: 1rem;
  }
  .header .tel_icon{left:auto;right:1.5rem;font-size:.5rem;}
  .lang_box {
    right: .2rem;
    top: calc(50% - 10px);
  }
  .nav {
    position: fixed;
    z-index: 20;
    height: 100%;
    top: 1.2rem;
    overflow: hidden;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    float: none;
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    display: none;
  }
  .nav ul {
    height: 100%;
    padding-top: .3rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: #222;
    width: 4rem;
    position: relative;
    z-index: 2;
}
.nav ul li{border-bottom:1px solid #111;float: none; margin: 0; padding: 0;}
.nav ul li a{display:block;padding-left:.4rem;font-size:0.32rem;color:#fff;border-radius:1rem 0 0 1rem ;height:.8rem;line-height:.8rem; opacity:0;transform: translateX(-100%);transition: all 0.4s ease 0s;transition-delay: 160ms;}
.nav ul li a:hover,.nav ul li .cur{background:#de2522; color: #fff;}
.nav ul li:first-child{border-top:none;}
.nav ul li:nth-child(2) a{transition-delay:240ms;}
.nav ul li:nth-child(3) a{transition-delay:320ms;}
.nav ul li:nth-child(4) a{transition-delay:400ms;}
.nav ul li:nth-child(5) a{transition-delay:480ms;}
.nav ul li:nth-child(6) a{transition-delay:540ms;}
.nav ul li:nth-child(7) a{transition-delay:620ms;}
.nav ul li:nth-child(8) a{transition-delay:680ms;}
.nav ul li:nth-child(9) a{transition-delay:740ms;}
.nav ul li:nth-child(9) a{transition-delay:800ms;}
.nav ul li:nth-child(10) a{transition-delay:860ms;}
.nav ul li:nth-child(11) a{transition-delay:940ms;}
.nav ul li:nth-child(12) a{transition-delay:1000ms;}
.nav ul.show li a{ opacity:1;transform: translateX(0);}
.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;max-width:768px;margin:0 auto;}
/* 轮播图 */
.mainBox{position:relative;}
.banner{ position:relative;overflow:hidden;max-width:768px;height: auto;}
.banner .hd1{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; z-index:1;transform: translateX(-50%);}
.banner .hd1 li{ display:inline-block; width:8px; height:8px;border-radius:100%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;border:2px solid #fff;}
.banner .hd1 li.on{ background:none;  }
.banner .bd{ position:relative; z-index:0; height: auto;margin: 0;left: 0; }
.banner .bd li{ position:relative; text-align:center;}
.banner .bd li img{ vertical-align:top; width:100%; max-width: 768px;}
/* 产品介绍 */
.proR {
  float: none;
  width: 100%;
  flex: unset;
  max-width: 100%;
  padding: 0;
}
.hTitle,.aboutFont .title,.news .hTitle{float:none;text-align:center;font-size:24px;margin-bottom:25px;padding:0 .36rem;color:#222;line-height: 1.5;}
.hTitle span,.aboutFont .title span{display:block;font-size:.18rem;font-family:Arial;font-weight:normal;text-transform: uppercase;letter-spacing:2px;opacity:.5;}
.product{padding:.4rem .2rem;overflow:hidden;margin-top:10px;border-top: 1px solid #ddd;}
.proL,.proTop {
  display: none;
}
.proSlide {
  height: auto;
  padding: 0;
}
.proSlide ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.proSlide li{float:none;width:48%;margin:0;margin-bottom:15px;position: relative;border: none;border-radius: 0;flex: unset;max-width: none;}
.proSlide li .pImg {
  padding: 0;
  padding-bottom: 25px;
  width: 100%;
  height: auto;
}

.proSlide li a {
  padding: 0;
}
.proSlide li:nth-child(2n), .case li:nth-child(2n), .picList li:nth-child(2n) {
  margin-left: 2%;
}
.proSlide li img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.proSlide li p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .1rem 0;
  font-size: 12px;
  height: auto;
  line-height: 1.5;
}
.hMore{display:block;width:100%;height:35px;line-height:35px;background:#de2522;color:#fff;text-align:center;margin-top:20px;}
/* 优势 */
.advMenu {
  display: none;
}
.advMain, .advMain li {
  width: 100%;
}
.advMain li .pImg, .advMain li .pImg img {
  width: 100%;
  height: auto;
  max-width: 768px;
}
#claim{padding:.4rem .2rem;overflow:hidden;border-top: 1px solid #ddd;text-align:center;}
.advMain, .advMain li {
  height: auto; overflow:unset;
  background: none;
  padding: 0;
}
#claim li{background:#f1f1f1;text-align:left;}
#claim li .pImg{padding:0;float: none;}
.advMain li .pImg img {
  position: relative;
}
#claim li .txt{padding:5%;width: 100%;}
#claim li h4{font-size:20px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
#claim li p{margin-bottom:10px;overflow:hidden;color:#666;background: url('../images/ly_li.png') no-repeat left 5px;padding-left:10px;}
/* 关于我们 */
.about,.news{padding:.5rem .2rem;overflow:hidden;border-top: 1px solid #ddd;}
.about img{width:100%;height: auto;}
.aboutFont,.aboutR {
  float: none;
  width: 100%;
}
.aboutFont .title {
  width: 100%;
}
/* 新闻咨询 */
.newsBox,.newsMain {
  height: auto;
}
.newsTop {
  padding: 0;
  margin: 0;
} 
.newsTop .menu {
  display: none;
}
.newsMain li {
  float: none;
  margin: 0;
  padding: 0;
}
.newsMain li .pImg,.newsMain li img {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0;
  max-height: 250px;
}
/* 底部 */
.m_foot_nav  {
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  display: flex !important;
  flex-wrap: wrap;
}
.m_foot_nav li {
  width: 33.3%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  color: #ccc;
  font-size: 13px;
}
.footer{background:#313131;overflow:hidden;text-align:center;color:#ccc;padding: 0}
.footMain {
  padding: 0;
}
.footContact {
  width: 100%;
  float: none;
  border: none;
  min-height: 150px;
}
.footMenu,.footWx,.firendLink,.footIocn {
  display: none;
}
/* other */
.listBanner {
  width: 130%;
  left: 0;
  margin-left: -15%;
  height: auto;
}
.breadCrumb {
  margin: 0.2rem;
  height: auto;
}
.listWrapper {
  padding: 0.5rem 0.2rem;
}
.proList,.proList ul   {
  width: 100%;
}
.proList li {
  width: 48%;
  margin: 0;
  margin-bottom: 15px;
}
.proList li:nth-child(2n) {
  margin-left: 4%;
}
.proList li .pImg {
  width: 100%;
  height: auto;
  padding: 0;
}
.proList li img {
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  margin: 0;
  padding: 0;
}
.proList li i {
  display: none;
}
.proShowBox1 {
  width: 100%;
  height: auto;
  border: none;
  margin-bottom: 20px;
}
.proShow_pic {
  height: auto;
  float: none;
  width: 100%;
  border: none;
}
.spec-preview {
  float: none;
  height: auto;
}
.jqzoom img {
margin:0;
  height: auto;
}
.proShow_font {
float: none;
height: auto;
width: 100%;
padding: 0;
}
.proShow_font .title {
  font-size: 28px;
}
.proShow_font .txt {
  margin-bottom: 10px;
  height: auto;
}
.proShow_font .left p {
  margin-bottom: 10px;
}
.proShow_font .left {
  float: none;
}
.proShow_font .right {
  float: none;
}
.newsList {
  width: 100%;
}
.newsList li {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.newsList li a {
  display: flex;
  width: 100%;
}
.newsList li .font {
  width: calc(100% - 80px);
  display: flex;
  position: relative;
  padding-top: 10px;
  float: none;
  margin-right: 20px;
}
.newsList li .date:after {
  display: none;
}
.newsList li .date {
  float: none;
  padding: 0 5px;
  margin-right: 20px;
}
.newsList li h4 {
  position:absolute;
  left: 100px;
  top: 10px;
}
.newsList li .txt {
  display: block;
  width: 100%;
  height: 75px;
    -webkit-line-clamp: 4;
    font-size: 13px;
    overflow: hidden;
    margin-top: 35px;
}
.newsList li .pic {
  width: 80px;
  height: 110px;
  padding-top: 10px;
}
.newsList li img {
  width: 100%;
  height: auto;
}
.detail_fenx div {
  width: 100%;
}
.videoList {
  width: 100%;
}
.videoList ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.videoList ul li {
  float: none;
  width: calc(50% - 20px);
  margin: 0;
  padding: 0;
  margin: 0 10px;
}
.videoList ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.videoList ul li i {
  width: 100%;
  height: 175px;
  top: 0;
  left: 0;
}
.videoList ul li img {
  width: 100%;
  height: auto;
}
.aboutBox1 {
  margin-top: 20px;
  padding: 0;
  border: none;
}
.aboutBox2 {
  padding: 20px 0;
}
.aboutBox2 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.aboutBox2 li {
  float: none;
  width: 100%;
  margin: 0;
}
.aboutBox2 li .pImg {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.honor {
  padding: 20px 0;
}
.honorSlide {
  height: auto;
}
.honorSlide .ohbox {
  height: auto;
}
.honorSlide ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.honorSlide li {
  float: none;
  margin: 0 10px;
  width: calc(50% - 20px);
}
.honorSlide li .pImg {
  width: 100%;
  height: auto;
  padding-top: 0;
  background: none;
}
.honorSlide li img {
  width: 100%;
  height: auto;
  position: relative;
}
.setting {
  padding: 20px 0;
}
.settingL {
  display: none;
}
.settingR {
  display: flex;
  float: none;
  width: 100%;
  flex-wrap: wrap;
}
.settingR li {
  float: none;
  margin: 0 10px;
  height: auto;
  width: calc(50% - 20px);
}
.settingR li img {
  width: 100%;
  height: auto;
}
#dituContent {
  float: none;
  width: 100%;
}
.contactBox1 .font {
  width: 100%;
  padding: 0;
  margin: 0;
}
.contactBox1 .wx {
  float: none;
}
.feedback {
  padding: 0.5rem 0.2rem;
}
.feedback .p1 {
  text-align: left;
  margin-bottom: 20px;
}
.feedback li {
  width: 100%;
}
.feedback li.msg {
  width: 100%;
}
.case_list {
  width: 100%;
}
.case_list li {
  margin: 10px;
  width: calc(50% - 20px);
}
  #focus.banner ul {
    max-width:none;
  }
}